<template>
	<view class="vouchers">
		<view class="vouchers_box"><slot class="texts" name="text"></slot></view>
		<view class="yuan"></view>
		<view class="white"></view>
		<view class="yuan1"></view>
		<view class="white1"></view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.vouchers {
		position: relative;
		
		&_box {
			padding: 0 12upx;
		     border: 1px solid #E9423E;
			 .texts {
				 font-size: 18upx;
				 line-height: 26upx;
			 }
		}
		
		.yuan {
			width: 10upx;
			height: 10upx;
			border-radius: 50%;
			border: 1px solid #E9423E;
			position: absolute;
			left: -6upx;
			top: 9upx;
			background-color: #fff;
		}
		
		.white {
			width: 20upx;
			height: 34upx;
			position: absolute;
			left: -20upx;
			top: 0;
			background-color: #fff;
			z-index: 100;
		}
		
		.yuan1 {
			width: 10upx;
			height: 10upx;
			border-radius: 50%;
			border: 1px solid #E9423E;
			position: absolute;
			right: -6upx;
			top: 9upx;
			background-color: #fff;
		}
		
		.white1 {
			width: 20upx;
			height: 34upx;
			position: absolute;
			right: -20upx;
			top: 0;
			background-color: #fff;
			z-index: 100;
		}
	}
</style>
